// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.password-reset {
  width: 100%;
  max-width: 300px;
  padding: 20px;
  margin: 0 auto;
  font-size: @font-size--normal;
  color: #fff;

  &__error {
    display: none;
    margin-top: 5px;
    color: @yellow;

    [data-form-error-state="error"] & {
      display: block;
    }
  }

  &__input {
    .reset-input();
    .default-border-radius();
    background-color: #111;
    border: 2px solid transparent;
    padding: 5px;
    margin-top: 5px;

    &:focus {
      border-color: @yellow;
    }

    [data-form-error-state="error"] & {
      border-color: @red;
    }
  }

  &__input-group {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    text-transform: none;
    margin: 10px 0;
  }
}
